﻿/* STRUCTURE */
/*	
	Nam a bank/ anhtuan204 / 2012
	1. IMPORT & RESET
	2. GRID 	
	3. TYPOGRAPHY
	4. MISC		
	5. MAIN
/*-------------------------------------------------------------- 
RESET
-------------------------------------------------------------- */
@font-face {
    font-family: 'UTMAvoRegular';
    src: url('fonts/utm_avo-webfont.eot');
    src: url('fonts/utm_avo-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/utm_avo-webfont.woff') format('woff'),
         url('fonts/utm_avo-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp{border:0;margin:0;padding:0;font-size:100%}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
b,strong{font-weight:bold}
img{color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic}
li{display:list-item}
table{border-collapse:collapse;border-spacing:0}
th,td,caption{font-weight:normal;vertical-align:top;text-align:left}
q{quotes:none}
q:before,q:after{content:'';content:none}
sub,sup,small{font-size:90%}
sub,sup{line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}
sup{top:-0.5em}
svg{overflow:hidden}
.alpha{margin-left:0!important}
.omega{margin-right:0!important}
.prefix_1{padding-left:5px!important}
.prefix_2{padding-left:10px!important}
.prefix_3{padding-left:15px!important}
.prefix_4{padding-left:20px!important}
.prefix_5{padding-left:25px!important}
.prefix_6{padding-left:30px!important}
.suffix_1{padding-right:5px!important}
.suffix_2{padding-right:10px!important}
.suffix_3{padding-right:15px!important}
.suffix_4{padding-right:20px!important}
.suffix_5{padding-right:25px!important}
.suffix_6{padding-right:30px!important}
.suffix_8{padding-right:40px!important}
.wrap01{padding:5px 0}
.wrap02{padding:10px 0}
.wrap03{padding:15px 0}
.wrap04{padding:20px 0}
.wrap05{padding:25px 0}
.wrap06{padding:30px 0}
.wrap1{padding:5px}
.wrap2{padding:10px}
.wrap3{padding:15px}
.wrap4{padding:20px}
.wrap5{padding:25px}
.wrap6{padding:30px}
.wrap0{padding:0}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.cf:before,.cf:after{content:"\0020";display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.cf:after{clear:both}
.cf{zoom:1}
.left{float:left!important}
.right{float:right!important}
.text-left{text-align:left!important}
.text-right{text-align:right!important}
.text-center{text-align:center!important}
.sfMenu,ul.otherNews,.breadcrum ul,.productList{margin:0;padding:0;list-style:none}
.banner img,figure img{display:block}
.figure,figure{overflow:hidden}
.figure img{height:100%;max-width:none}
.figure,figure{text-align:center;display:block}
.reset{margin-bottom:0}
.reset td{padding:0}
.cover img{width:100%}
.cover{overflow:hidden}
.relative{position:relative}
.figure2{display:block;overflow:hidden}
.figure2 img{width:100%;height:auto;min-height:100%}
[class^="grid_"] input[type='text'],[class^="grid_"] input[type='password'],[class^="grid_"] textarea{width:99%}
[class^="grid_"] select{width:99.7%}
.notext{border:0;text-indent:-999em;font-size:1}
.RadWindow
{
    background-color:#eaeaeb;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    width:97%;
}
.RadWindow .rwPinButton,.RadWindow .rwReloadButton,.RadWindow .rwMinimizeButton,.RadWindow .rwMaximizeButton,.RadWindow .rwCloseButton
{
    background: url(/App_Themes/Cpanel1/images/PopupWindowIcon.gif)  no-repeat;
}

.RadWindow .rwPinButton{ background-position:-180px 0px}
.RadWindow .rwReloadButton{ background-position:-120px 0px}
.RadWindow .rwMinimizeButton{ background-position:0px 0px}
.RadWindow .rwMaximizeButton{ background-position:-60px 0px}
.RadWindow .rwCloseButton  { background-position:-90px 0px} 
.container_28
{
	margin-left: auto;
	margin-right: auto;
	width: 984px;
}
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16,
.grid_17,
.grid_18,
.grid_19,
.grid_20,
.grid_21,
.grid_22,
.grid_23,
.grid_24,
.grid_25,
.grid_26,
.grid_27,
.grid_28 {
	display: inline;
	float: left;
	margin-left: 5px;
	margin-right: 5px;
}
.container_28 .grid_1 {width: 25px;}
.container_28 .grid_2 {width: 60px;}
.container_28 .grid_3 {width: 95px;}
.container_28 .grid_4 {width: 130px;}
.container_28 .grid_5 {width: 165px;}
.container_28 .grid_6 {width: 200px;}
.container_28 .grid_7 {width: 235px;}
.container_28 .grid_8 {width: 270px;}
.container_28 .grid_9 {width: 305px;}
.container_28 .grid_10 {width: 340px;}
.container_28 .grid_11 {width: 375px;}
.container_28 .grid_12 {width: 410px;}
.container_28 .grid_13 {width: 445px;}
.container_28 .grid_14 {width: 480px;}
.container_28 .grid_15 {width: 515px;}
.container_28 .grid_16 {width: 550px;}
.container_28 .grid_17 {width: 585px;}
.container_28 .grid_18 {width: 620px;}
.container_28 .grid_19 {width: 655px;}
.container_28 .grid_20 {width: 690px;}
.container_28 .grid_21 {width: 725px;}
.container_28 .grid_22 {width: 760px;}
.container_28 .grid_23 {width: 795px;}
.container_28 .grid_24 {width: 830px;}
.container_28 .grid_25 {width: 865px;}
.container_28 .grid_26 {width: 900px;}
.container_28 .grid_27 {width: 935px;}
.container_28 .grid_28 {width: 970px;}
/* --------------------------------------------------------------
TYPOGRAPHY
-------------------------------------------------------------- */
html
{
    font-size: 100.01%;
}
body
{
    font-size:12px;
    color: #4c4c4c;
    line-height: 1.4;
    font-family: Tahoma, Arial,sans-serif;
}
/* Headings
-------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6
{
	font-weight:bold;
	line-height:1.3;
}
h1
{
	font-size:24px;
	font-weight:normal;
}
h2
{
	font-size:20px;
	margin-bottom:10px;
}
h3
{
	font-size:16px;
	margin-bottom:10px;
}
h4
{
	font-size:14px;
	margin-bottom:10px;
}
h5
{
	font-size:14px;
	text-transform:uppercase;
}
h6
{
	font-size:12px;
	margin-bottom:5px;
}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img
{
    margin: 0;
    vertical-align: middle;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
{
    color: #004696;
}
h6 a{
	color:#ecfff2;
}
h6 a:hover{
	color:#d70a04;
}
input[type='button'], input[type='submit']
{
    cursor: pointer;
}
hr
{
    border: medium none;
    border-top: 1px dotted #ccc;
    clear: both;
    float: none;
    margin: 0 0 10px;
    width: 100%;
}
hr.style1
{
    border-top: 1px solid #ccc;
}
hr.style2
{    border-top: 1px dashed #ccc;}
hr.top25
{
    border: medium none;
    border-top: 1px dashed #ccc;
    margin-top: 25px;
}
ul.style1
{
    padding: 0;
    margin: 0 0 20px 0;
}
ul.style1 li
{
    list-style-type: none;
    margin: 0;
    background: url(images/icon-check.png) no-repeat 5px 0.5em;
    padding-left: 30px;
}
ul.style2
{
    padding: 0;
    margin: 0 0 10px 0;
}
ul.style2 li
{
    list-style-type: none;
    margin: 0;
    background: url(images/ul_style2.gif) no-repeat 5px 0.7em;
    padding: 4px 4px 4px 20px;
}
/*style1*/
table.style1 tr td
{
    vertical-align: top;
    padding: 0 10px 5px 0;
    text-align: left;
}

/* style2 */
table.style2
{
}
table.style2 tr.alt
{
    background: #f5f5f5;
}
table.style2 thead th
{
    background: #fff;
}
table.style2 tbody th
{
    background: #f5f5f5;
    text-align: right;
    padding-right: 15px;
    border-right: 1px dotted #e5e5e5;
}
table.style2 tbody tr.alt th
{
    background: #efefef;
}
/* style3 */
table.style3
{
}
table.style3 th, .style3 td
{
    padding: 2px 10px;
}
::selection
{
    background: #00569f; /* Safari */
    color: #fff;
}
::-moz-selection
{
    background: #00569f; /* Firefox */
    color: #fff;
}
:focus{
	outline:0;
}
img::selection
{
    background: transparent;
}
img::-moz-selection
{
    background: transparent;
}
input[type=text], input[type=password], input[type=url], input[type=email], input.text, input.title, textarea
{
    background-color: #fff;
    border: 1px solid #bbb;
    color: #000;
    font-family: Tahoma,Arial;
    font-size: 12px;
}
input[type=text]:focus, input[type=password]:focus, input[type=url]:focus, input[type=email]:focus, input.text:focus, input.title:focus, textarea:focus
{
    border-color: #666;
}
select
{
    background-color: #fff;
    border-width: 1px;
    border-style: solid;
    border-color: #ccc;
}
/* Text elements
-------------------------------------------------------------- */
p{margin:0 0 .8em}
.p{margin-bottom:5px}
a{color:#004696;text-decoration:none;outline:0}
a:hover{color:#d70a04;-webkit-transition:color .3s ease;-moz-transition:color .3s ease;-o-transition:color .3s ease;transition:color .3s ease}
blockquote{margin:1.5em;color:#666;font-style:italic}
strong,dfn{font-weight:bold}
em,dfn{font-style:italic}
sup,sub{line-height:0}
abbr,acronym{border-bottom:1px dotted #666}
address{margin:0 0 1.5em;font-style:italic}
del{color:#666}
pre{margin:1.5em 0;white-space:pre}
pre,code,tt{font:1em 'andale mono','lucida console',monospace;line-height:1.5}
/* Lists
-------------------------------------------------------------- */
li ul,li ol{margin:0}
ul,ol{margin:0 1.5em 1.5em 0;padding-left:1.5em}
ul{list-style-type:disc}
ol{list-style-type:decimal}
dl{margin:0 0 1.5em 0}
dl dt{font-weight:bold}
dd{margin-left:1.5em}

/* Tables
-------------------------------------------------------------- */
table{margin-bottom:.4em;width:100%}
th{font-weight:bold}
thead th{background:#c3d9ff}
th,td,caption{padding:4px 10px 4px 4px;vertical-align:middle}
tfoot{font-style:italic}
caption{background:#eee}
/*-------------------------------------------------------------- 
MISC
-------------------------------------------------------------- */
/* Image */
img.alignLeft
{
    float: left;
    margin: 8px 20px 10px 0;
}
img.alignRight
{
    float: right;
}
img.alignCenter
{
    margin: 0px auto;
}
/*Text Align*/
.link
{
    color: #000;
}
.loud
{
    color: #cd010e;
}
.color
{
    color: #ff0000 !important;
}
/*-------------------------------------------------------------- 
MISC
-------------------------------------------------------------- */
.z-print
{
    width: 960px;
    margin: 0 auto;
}
.print-header
{
    padding: 15px 0;
    border-bottom: 1px dashed #ccc;
}
.print-content
{
    padding: 20px 0;
}
.pr-detail
{
    padding: 15px 0;
    color: #000;
}
.print-footer
{
    text-align: right;
    padding: 10px 0;
}
ul.noli{padding:0; margin:0;list-style:none;}
ul.noli li.active a{color:#d8170f}
/* --------------------------------------------------------------
MAIN
-------------------------------------------------------------- */
body.canhcam{background:url(images/bg.png) repeat-x; }
.fullbg{}
.clearfix{width:100%;clear:both;}
#mainzone{background:url(images/bg_mainzone.png) 0 0 repeat-x; min-height:300px }

/* HEADER */ 
#header{ height: 117px; display: block;background:url(images/bg.png) repeat-x;  position:fixed; z-index:1000; top:0px} 
.logo{float:left; margin-left:-10px; position:relative;z-index:5000;*zoom:1}
.logo a{position:absolute;}
.topnav{ float:right; margin-top:10px}
.topnav li{float:left;border-left:1px solid #9a9a9a;height: 12px}
.topnav li:first-child{ border:none;}
.topnav li a{padding:0 8px;color:#606060; font-size: 11px; display: block;margin-top: -2px}
.topnav li a:hover,.topnav li a.active{ color: #d81e15;}

.hotline-box{ float:right }

.search-box{  height:18px; width:122px; margin-top:16px}
.search-box .s-input{ width:95px; border:1px solid #cccccc; background:none; background-color:#fff;   padding: 0px 20px 0px 5px;  color: #818181; font-size:11px; height:16px}
.s-button{ border:0; background:url(images/bg-s-button.png) no-repeat right; width:16px; height:16px;display:block;text-indent:-9999px;padding: 0; position:absolute; right:1px; top:1px}

.lang { margin:16px 0px 0px 0px}
.lang a{ margin:3px 5px 0px 10px}

.mida-link{position: fixed;width: 44px;height: 148px;left:0;background: url(images/tanthanh1.png) no-repeat; top: 120px;z-index: 5000; cursor: pointer;}
.mida-link2{position: fixed;width: 44px;height: 148px;left:0;background: url(images/tanthanh2.png) no-repeat; top: 120px;z-index: 5000; cursor: pointer;}

.mida-wrap{position: fixed;left:40px; background: #fff; top:300px; z-index: 5000; padding: 15px; display: none}
/*
.member-lst h3{font-size: 20px}
.member-lst ul{list-style: none;margin: 0;padding: 0}
.member-lst ul li{padding: 10px 0;border-top: 1px dotted #ccc}
.member-lst ul li:first-child{border: none;}
.member-lst li a img{width: 100px}
.member-lst li a{ font-weight: bold;}
.member-lst li a:hover{ text-decoration: underline;}
*/
/* MAIN MENU */ 
#mainnav{height:29px; position:absolute; top:73px ; right:0px }
#mainnav ul {list-style:none; margin:0; padding:0;}
#mainnav ul li{float:left; position:relative;padding: 0; margin-left:1px}

#mainnav ul li a{ padding:0 0px 0 10px;display:block; color:#fff;font-size:13px; font-weight:bold;background:url(images/bg_nava.png) no-repeat  0px -30px ;}
#mainnav ul li a span{background:url(images/bg_nava.png) no-repeat right top; padding-right:10px;height: 29px; line-height: 29px;  display:block;}

#mainnav ul li a:hover,#mainnav ul li a.active{background:url(images/bg_nava.png) no-repeat  0px -90px ;}
#mainnav ul li a:hover span,#mainnav ul li a.active span{background:url(images/bg_nava.png) no-repeat right -60px; }

#mainnav ul ul{ position:absolute;z-index:100; top:-2000px; width:100%;background:#b5b5b5 url(images/mainnav_ul.png) top repeat-x;}
#mainnav ul ul li{width:100%; background:none}
#mainnav ul ul li a{ margin:0 10px; border-top:1px solid #a9a9a9 !important; padding: 0; text-transform:none;font-size:12px;font-weight:normal;}
#mainnav ul ul li:first-child a{ border-top:0}
#mainnav ul ul li a:hover{ color:#fff !important}
#mainnav ul li:hover ul{top:50px;}

p.social{ float:right;margin:16px 30px 0 0; text-transform:uppercase;font-size:11px; color:#9b9b99}

/* BANNER */ 
#homebanner{ height:245px; overflow:hidden; margin-top:117px} 
#homebanner ul li{ list-style:none}
#homebanner #btn-next{ overflow:hidden ;cursor:pointer; display:block; width:35px; height:35px;background: url(images/home-btn-next.png) top no-repeat; position:absolute; z-index:101; top:100px; right:5px; text-indent:-999px}
#homebanner #btn-next:hover{background: url(images/home-btn-next.png) 0px -35px no-repeat;}

.latest-news{background:  url(../images/bg_special.png) no-repeat 0 0; height: 31px;overflow: hidden;position: relative; bottom:30px; z-index:99}
.latest-news h3{font-size: 13px;color: #ff0c00; font-weight:bold;line-height:13px;  margin-bottom:0px; float:left; padding:10px; }
.ltnews-wrap{ float:left; padding:10px 0px 0px; float:left;width:600px; line-height:13px; font-size:13px;  overflow:hidden}
.ltnews-sl{}
.ltnews-sl ul{width: 9999px}
.ltnews-sl li{float: left;width: 700px; padding-bottom:5px}
.ltnews-sl li a{color: #fff;}
.ltnews-sl li a:hover{text-decoration: underline;}
.ltnews-nav{ position:absolute; top:0px; right:0px;background: url(../images/bg_special.png) right -82px no-repeat; height:22px; padding:9px 10px 0px 5px}
.ltnews-nav a{ color:#fff; padding:1px 6px; font-size:11px; margin-left:5px; background: url(../images/bg_special.png) right -115px no-repeat; cursor:pointer}
.ltnews-nav a:hover,.ltnews-nav a.active{background: url(../images/bg_special.png) right -132px no-repeat; color:#615b4b}


.banner-zone{ height:160px; margin-top:117px}
.top-banner-nav{  margin:0px; padding:0px}
/* FOOTER */ 
#footer{background: url(images/bg_foot.png); height:54px; overflow:hidden; font-size:11px; color:#959dc4; padding:15px 0px 0px 0px }
#footer a{ color:#959dc4; text-decoration:none}
#footer a:hover{ text-decoration:underline}
#footer .share{ padding-bottom:5px}
.ft-copy{ padding-right:3px}



/* BREADCRUM */
.breadcrum{color:#616161; margin:0px 4px 10px 5px ;font-size:11px; height:30px;line-height:24px;display:block; padding:10px 10px 0px 18px; border-bottom:1px solid #cbcbcb}
.breadcrum a{color:#828282}
.breadcrum a:hover{text-decoration:none;color:#333}
.breadcrum span.separate{padding:0 5px}
.breadcrum .active{color:#616161}

/* LEFT COL */
.wrap-left{ width:202px;  float:left; margin:18px 0px; position:relative}
.left-menu{background: url(images/bg_left.png) no-repeat; margin-bottom:6px}
.left-menu h3{ color:#fff; padding:10px 8px 0px 8px; margin:0px 0px 3px}
.left-menu .box{background: url(images/bg_left.png) -208px bottom no-repeat; width:201px; overflow:hidden; padding-bottom:5px}
.left-menu .spa a{ height:2px;  background: url(images/bg_left.png) -208px top no-repeat; padding:0px;}

.left-menu ul{ list-style:none;padding:0;margin:0; }
.left-menu ul li{ padding:0}
.left-menu ul li a{  padding:0px; display:block; font-size:12px; color:#fff; margin:0px 10px}
.left-menu ul li a span{background: url(images/bg_left.png) -208px -189px no-repeat; padding:5px 10px ; display:block}
.left-menu ul li a:hover,.left-menu ul li.active,.left-menu ul li a.active{background: url(images/bg_left.png) -208px -48px no-repeat; color:#fff}

.left-menu li ul{ background-color:#116bcf}
.left-menu li li{padding: 0 0 0 10px; border-top:1px solid #ffffff; text-transform:uppercase;   margin:0px 10px}
.left-menu li li a{color: #ffffff;border: none;background: none;padding:3px 10px; margin:0px; font-size:11px;background: url(images/bg_left.png) -652px  9px no-repeat; }
.left-menu li li a:hover,.left-menu li li a.active{ background: url(images/bg_left.png) -652px -25px no-repeat; }



.left-support{  width:200px; padding:10px 4px 0px; margin-bottom:6px; overflow:hidden; margin-left:-3px; background:url(images/bg_left.png) -429px 0px no-repeat;}
.left-support h3{ margin:0px ; padding:0px 10px 10px; color:#0065a8}
.left-support .box{ border:1px solid #7fb2d3; border-left:none; border-right:none; padding:10px; text-align:center; background-color:#e1eaf5}
.left-support ul { margin:10px 0px 0px; padding:0px}
.left-support ul li{ float:left; padding-right:5px; width:55px; list-style:none; text-align:center}
.sup-bottom{ width:208px; height:14px;  background:url(images/bg_left.png) -429px -210px no-repeat; margin-left:-4px}


/* RIGHT COL */
.wrap-right{ width:774px; float:right; margin:15px 0px 0px -5px;background:url(images/bg_content.png) no-repeat left 0}
.wrap-right-bottom{  width:774px; height:12px; overflow:hidden;background:url(images/bg_content.png) no-repeat left bottom;  }
.wrap-right h2.page-name{margin-top:10px}
.wrap_content{ margin:10px 23px 0px}
h2.page-name{ padding:0px 0px 0px 23px; margin:0px; color:#004696}
h2.page-name a{ color:#004696}
h2.page-name img{ margin-right:10px}

/*Full Page*/
.wrap-full{ width:988px; margin:10px 0px 0px -2px ; min-height:300px;background:url(images/bg_content.png) no-repeat right 0}
.wrap-full-bottom{ width:988px; margin:0px 0px 10px -2px ; height:14px;background:url(images/bg_content.png) no-repeat right bottom}
/*Full Page*/

/* HOME PAGE */ 
.zone-sl { height:50px;  background:url(../images/bg_special.png) no-repeat 0px -31px}
.zone-sl ul { margin:0px; padding:0px}
.zone-sl ul li{ list-style:none; float:left; width:123px ; height:50px;  background:url(../images/bg_special.png) no-repeat -698px -149px}
.zone-sl ul li.first{background:url(../images/bg_special.png) no-repeat -0px -149px}
.zone-sl ul li.last{background:url(../images/bg_special.png) no-repeat right -149px}
.zone-sl ul li:hover{ background-position:  -698px -200px}
.zone-sl ul li.first:hover{ background-position:0px -200px }
.zone-sl ul li.last:hover{ background-position:right -200px }
.zone-sl ul li a{ display:block;margin:10px 5px 10px 20px; padding-right:2px;  color:#fff;  font-weight:bold}
.zone-sl ul li a img{ display:block; float:left ; margin-right:5px}
.wrap-zone-sl .btn-zone-sl{  width:17px; height:19px; overflow:hidden; display:block; text-indent:-999px; z-index:99; position:absolute; top:15px; cursor:pointer}
.wrap-zone-sl #btn-next-zone-sl{ background:url(../images/bg_special.png) no-repeat 0 -251px}
.wrap-zone-sl #btn-prev-zone-sl{ background:url(../images/bg_special.png) no-repeat right -251px; right:0px}


.wrap-product-sl{  height:136px; width:980px;   background:url(images/bg_special2.png) no-repeat 0 0; padding:0px 2px}
.wrap-product-sl ul li{ list-style:none;  float:left; width:156px;  margin: 0px; padding:20px 20px 0px; text-align:center; height:115px; background:url(images/bg_special2.png) no-repeat right -143px;}
.wrap-product-sl ul li img{ padding-bottom:5px}
.wrap-product-sl .btn-product-sl{ cursor:pointer; width:35px; height:78px; overflow:hidden; display:block; text-indent:-999px; z-index:99; position:absolute; top:30px}
.wrap-product-sl #btn-prev-product-sl{background:url(images/bg_special2.png) no-repeat -954px -286px;  left:2px}
.wrap-product-sl #btn-next-product-sl{background:url(images/bg_special2.png) no-repeat -912px -286px; right:2px }
.wrap-product-sl a.name{ font-weight:bold; margin-top:5px;background:url(images/bg_special2.png) no-repeat 0px -363px;  padding:0px 0px 0px 18px; color:#3f3f3f; cursor:pointer}
.wrap-product-sl a.name:hover{ color:#d70a04}

.wrap-home{ width:984px; margin-left:0px;  background:url(images/bg_special2.png) no-repeat 0px -625px; margin-top:3px; padding:15px 15px 0px}
.wrap-home .col2{  margin:0px; padding:0px 15px}
.wrap-home h2{  color:#004696}
.wrap-home .first-itm img{ margin-right:10px}
.wrap-home .first-itm a{ text-decoration:none;  font-weight:bold; color:#343434;}

.wrap-home .grid_9 ul{ margin:0px; padding:10px 0px 0px 0px}
.wrap-home  .grid_9  ul li{ padding-left:12px; background:url(images/ico1.png) no-repeat 0px 6px; list-style:none}
.wrap-home  .grid_9  ul li a{  text-decoration:none; color:#085ead}
.wrap-home  .grid_9  ul li a:hover{  color:#d70a04;}
.wrap-home  .grid_9  .colright{text-align:right; margin-right:5px; font-weight:bold;color:#004696}


.partner{ margin:10px 0px 0px -15px; padding:13px 0px ;background:url(images/bg_special2.png) no-repeat 0px -536px; }
.partner h3{ color:#004696; padding:10px 0px 0px 18px; margin:0px}
.partner  .btn-partner-sl{ cursor:pointer; width:10px; height:31px; overflow:hidden; display:block; text-indent:-999px; z-index:99; position:absolute; top:15px}
.partner  #btn-prev-partner{background:url(images/bg_special2.png) no-repeat -102px -440px;  left:90px}
.partner  #btn-next-partner{background:url(images/bg_special2.png) no-repeat -120px -440px; right:25px }
.partner-sl { left:40px !important}
.partner-sl li{float: left; width:89PX; padding:3px 5px 0px 0px;background:url(images/bg_special2.png) no-repeat 0px -440px; height:30px; text-align:center}
.partner-sl li a{padding: 0px;display: block;}

/* NEWS PAGE */

.post{margin:0px 0px 10px; padding-top:10px;border-top:1px solid #e6e6e6;}
.post:first-child{ border:none}
.post.even{background:#f9f9f9;}
.post-img{float:left;margin:0 15px 0 0;}
.post-img img{border:0px solid #f3f3f3;border-left:none;}
.post-title{margin-bottom:0px;   position:relative; top:-6px}
.post-title a{color:#3f3f3f;font-size:14px;}
.post-title a:hover{color:#000;}
.post-desc{}
.post-time{color:#3f3f3f; font-size:11px;}
.post-meta{margin:-5px 0 10px;}

.news-detail{padding-top:10px;background:#fff;border-radius:10px;box-shadow:0 0 3px #999}
.newsdt-title{font-size:16px;font-weight:bold;margin-bottom:5px;}
.news-detail-content{padding:10px 20px;}
.other-news{clear:both;padding:0 0 0 0px; }
.other-news h4{color:#0065a8;font-size:14px; margin-bottom:5px}
.other-news ul{margin-bottom:10px;}	
.other-news li{list-style-image:url(images/news_arrow.png);}
.other-news li a{ color:#0065a8;padding:2px 0; display:inline-block;}
.other-news li span{color:#0065a8;}
.other-news li a:hover{text-decoration:underline; color:#4c4c4c}

.clbox{margin-bottom:15px;}
.clbox .infobox{margin-left:13px;}

.service-wrap .post{ border:none; margin:0px }
.service-wrap  .post-title{ background-color:#e3e3e3; padding:3px 10px; text-transform:uppercase; margin:0px 0px 8px; top:0px}
.service-wrap  .post-title a{color:#003d80; font-size:13px}

/*PRODUCT*/

.prod-item { float :left; width:232px;  margin:0px 16px 16px 0px; background:url(images/bg_prd.png) no-repeat;  text-align:center}
.prod-item  img{ width:50% ; padding: 15px 10px}
.prod-desc{ padding:10px;background:url(images/bg_prd.png)  0px bottom  no-repeat;  }
.prod-name a{ color:#fff; font-weight:bold; padding:2px 0px 2px 30px; background:url(images/bg_prd.png) -250px 2px no-repeat;}
.prod-name a:hover{   text-decoration: underline;}
.prod-img{  position:relative; height:182px}
.prod-img .zoom{ width:23px; height:17px; overflow:hidden; cursor:pointer; background:url(images/bg_prd.png) -250px -104px no-repeat;  position: absolute;z-index:999; bottom:5px; right:10px }
.old-price{ color:#444444;}
.old-price span{font-size:14px; font-weight:bold}
.price-deco{text-decoration:line-through; color:#444444}
.price-deco span{font-size:14px; font-weight:bold}
.price{color:#db2f27; margin-bottom:3px}
.price span{font-size:14px; font-weight:bold}
span.cur{ font-size:10px; padding-left:2px}
a.view-all{    color: #004696;
    float: right;
    font-weight: bold;
    margin-bottom: 10px;
    padding-right: 20px; cursor:pointer;background:url(images/bg_special2.png) 71px -361px no-repeat;}
a.view-all:hover{ color:#D81E15}
.sub-category{ margin:-25px 4px 10px 5px; background-color:#fff; padding:5px 15px; border-bottom:1px solid #CBCBCB}
.sub-category ul{ padding:0px; margin:0px}
.sub-category ul li{ list-style:none; float:left; padding:10px 15px 10px 0px; width:30%}
.sub-category ul li img{ margin-right:5px}
.sub-category ul li a{ font-weight:bold; color:#004696; font-size:13px}
.sub-category ul li a:hover{color:#D81E15}

.prod-detail-left{ width:350px;  height:281px;background:url(images/bg-prd-detail.png) no-repeat;  position:relative ;  overflow:hidden}
.prod-detail-left table{  width:350px; height:281px; overflow:hidden}
.prod-detail-left table td{text-align:center ; vertical-align:middle;}
.prod-detail-left table td img{ width:270px}

a.zoom-detail{  width:24px; height:25px; overflow:hidden; background:url(images/bg-prd-detail.png)  -553px -74px no-repeat;  position:absolute; top:247px; right:12px; z-index:99; cursor:pointer}

.prod-detail-right{width:364px}
.pro-video-backg{width:160px; height:110px; overflow:hidden; padding:19px 8px 10px; background:url(images/bg-prd-detail.png)  -587px 0px no-repeat;  ; margin-bottom:5px}
.sub-title{ text-transform:none; margin-bottom:3px}

.prod-orther-slide{  position:relative; padding-left:18px}
.prod-orther-slide ul { margin:0px; padding:0px}
.prod-orther-slide ul li{ float:left ; list-style:none; width:94px !important; overflow:hidden}
.prod-orther-slide ul li  td{ text-align: center; vertical-align:middle; padding:0px; margin:0px; width:94px; height:95px; background:url(images/bg-prd-detail.png)  -370px -186px no-repeat; }
.prod-orther-slide ul li img{width:70px}

.prod-orther-slide #btn-next,.prod-orther-slide #btn-prev{ display:block;  text-indent:-999px; width:10px; height:32px; position:absolute; top:58px ; z-index:999; overflow:hidden}
.prod-orther-slide #btn-next{ background:url(images/bg-prd-detail.png)  -553px -32px no-repeat;  left:306px  }
.prod-orther-slide #btn-prev{ background:url(images/bg-prd-detail.png)  -553px 0px no-repeat;  left:0px  }
/*PRODUCT*/

/* CART */
.cart-item{background:url(images/cart_bg.png) no-repeat;}
.cart-title{color:#5b5b5b;font-size:12px;padding:8px 16px;;}
.cart-content{padding:15px 22px 30px;display:block;}

.cart-name{color:#0072bc;font-weight:bold;font-size:24px;margin-bottom:15px}
.cart-pic{width:335px;float:left;}
.cartpage-top{ background:url(images/cartcontent_bg.jpg) bottom repeat-x;padding:5px 20px 50px;}
.cart-tab{margin-top:-32px;position:relative;z-index:50;}

/* FAQ */

.faq-frame{padding-bottom:20px;}
.faq-frame .faq-item:first-child{border-top:0}
.faq-frame .faq-item{padding-top:7px;}
.faq-item.active .question{border:0}
.faq-item.active{background:#f9f9f9;margin-bottom:0;}
.question{padding:10px 10px 5px 68px;color:#000;font-weight:bold;cursor:pointer; background:url(images/faq_icon.png) no-repeat 26px 0;}
.faq-item{position:relative;margin-bottom:5px; border-top:1px solid #e6e6e6;}
.answer{margin-left:55px;padding:10px 10px 20px;display:none}
.down{position:absolute;width:40px;cursor:pointer;height:15px;padding:5px 12px 5px 7px;color:#08c;font-size:12px;line-height:15px;right:0;top:5px}
.got-question{margin-top:40px;font-size:12px;background:url(images/mail_icon.jpg) no-repeat;padding:35px 0 15px 85px;display:block;}
.got-question h6{float:left;margin-right:5px;}
.got-question a{color:#0072bc;font-weight:bold;}
.got-question a:hover{color:#000;text-decoration:underline;}


/* PHOTO PAGE */
.photo-page{background:#fff;border-radius:10px;box-shadow:0 0 3px #999}
.photo-page .page-name{padding:15px 20px;}
.photo-wrap{padding-left:0px;border-bottom:0px solid #e6e6e6;}
.photo-item{ float:left;padding-bottom:5px; margin:0 0 10px 21px; width:228px; text-align:center}
.photo-item img{ padding-bottom:9px;background:url(images/photo_sd.png) no-repeat bottom;}
.photo-item span{padding-left:10px;color:#434343; }
.photo-img{display:block;position:relative;}
.photo-img:hover span{ text-decoration:underline;}
.photo-name{ font-weight:bold; color:#3b3b3b}
.photo-page .video-icon{background:url(images/icon_video.png) no-repeat center;width:100%;height:150px;position:absolute;z-index:20;display:block;left:0;top:0;}

/* CAREER PAGES */
.career-btn{background:url(images/career_btn.jpg) no-repeat left;padding:0 10px 0 45px;color:#0072bc;font-weight:bold;line-height:40px;margin:10px 0 30px 20px;text-decoration:underline;display:block;}
.career-btn:hover{color:#000}
.career-table{ border-bottom:1px solid #d8d8d8;;}
.career-table tr:first-child{border-radius:5px;}
.career-table tr:first-child td{background:#004696;font-weight:bold;color:#ffffff; padding:6px;border-top:0px solid #006cb4;border-bottom:0px solid #006cb4; height:35px}
.career-table tr td{padding:4px 6px;color:#6a6a6a;border-top:1px solid #d8d8d8; background-color:#f3f3f3; height:30px}
.career-table a{color:#194788; text-decoration:underline;}
.career-table a:hover{color:#000;}
.career-table .col1,.career-table .col3,.career-table .col4,.career-table .col5{text-align:center;}
.career-table tr.even td{background:#e0e0e0;}
.career-table .col1{width:80px;}

.career-table tr td.left{text-align:left}
.career-table tr td.center{text-align:center}
.button-download{ width:78px; height:20px; overflow:hidden;background:url(images/Download.png) no-repeat left;  text-indent:-999px; display:block}
/* CONTACT PAGE */

/*Agent*/
a.btn-view-map{ height:20px; width:45px; overflow:hidden; background:url(images/bg-view-map.png) no-repeat left;  text-align:center; display:block; color:#fff; font-size:11px; padding-top:3px;text-decoration:none}
.button2{
	width:63px;
	height:26px;
	background:url(images/button2.png) no-repeat;
	border:none;
	color:#fff;
	font-size:11px;
	margin-left:5px;
	padding-bottom:2px;
}
.selectOption{
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-color:#ababab;
	font-size:11px;
	width:170px !important;
	padding:2px;
}
.option{
	font-size:12px;
	font-weight:bold;
	border:1px solid #cbcbd5;
	background:#e9e9e9 url(images/option.png) no-repeat 15px 3px;
	color:#5c5b5b;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	padding:8px 5px 8px 60px;
	margin-bottom:10px;
	position:relative;
	overflow:hidden;
}
.option{
	zoom:1;
}
.option:before{
	content:'';
	display:block;
	width:100%;
	position:absolute;
	height:1px;
	background:#f5f6fa;
	top:0px;
	left:0;
}

/*Send To Friend*/
.wrap-frm-btn .frm-btn input{background:url(images/ct_btn.png) top right no-repeat;border:none; height:18px;color:#fff; margin:0px; padding:0px 6px; line-height:21px}
.ask-frm{padding-left:20px}

/*Agent*/

.frm-row{width:100%;clear:both;position:relative;padding-top:3px;}
.require{color:#E60D0D; font-size:11px;}
.frm-row .label{margin:0;width:120px;float:left;line-height:24px;}
.row-error{position:absolute;right:4px;top:8px;background:url(images/edtError.png) no-repeat;width:14px;height:14px;display:block;}
.contact-frm input[type=text],.contact-frm textarea{width:300px;float:right;padding:3px;background:#f8f8f8;}
.contact-frm textarea{resize:vertical; min-height:60px;}
.frm-btnwrap{width:310px;float:right;}
.frm-btn{float:left;}
.frm-btn  span{background:url(images/ct_btn.png) no-repeat; font-size:16px}
.frm-btn input{background:url(images/ct_btn.png) bottom right no-repeat;border:none; height:18px;color:#fff; margin:0px; padding:0px 6px; line-height:21px}

.msg-frm{margin:20px;padding:20px;border:1px solid #ccc;border-radius:0 20px;background:#dedede;}
.msg-title{color:#d10707;font-weight:bold;}

.capcha-input{width:125px;position:relative;float:left;margin-right:10px;}
.capcha-input input[type=text]{width:115px;}

.contact-info h4{ color:#0072bc; margin-bottom:5px;}
.contact-note{margin-top:20px;border-top:1px solid #dcdcdc;padding-top:10px;color:#585858;font-size:11px;line-height:15px;}

/* LOGIN PAGE */
.login-page{padding:60px 0;}
.login-wrap{width:425px;margin:0 auto;border:1px solid #e0e0e0;border-radius:7px;background:#f9f9f9 url(images/login_bg.jpg) repeat-x top;padding-bottom:40px;position:relative;}
.login-wrap h1{font-size:18px;text-transform:uppercase;padding:10px 35px 20px;font-weight:bold;}
.login-wrap .frm-row{padding:3px 35px 0;width:355px;}
.login-frm .label{width:80px;}
.login-frm input[type=text],.login-frm input[type=password]{width:250px;float:right;padding:3px;background:#fff;border:1px solid #e7e7e7;}
.login-frm .row-error{right:38px;}
.rem-pass{float:right;width:262px;;font-size:11px;}
.login-btnwrap{position:absolute;bottom:-1px;height:34px;background:url(images/login_bottom.png) no-repeat;width:427px;left:-1px;}
.fogotpass{color:#0072bc; position:absolute;left:35px;top:10px;font-weight:bold;}
.fogotpass:hover{text-decoration:underline;}
.login-btn{background:url(images/login_btn.png) no-repeat right bottom;float:right;margin:6px 38px 0 0;padding-right:3px;}
.login-btn input{height:25px;border:none;background:url(images/login_btn.png) no-repeat left top;padding:0 12px 0 15px ; font-weight:bold;color:#fff; margin:0;}
.login-btn:hover input{color:#fefa46}


/* TABS */
.tab-nav{margin:0}
.tab-nav ul{list-style:none;margin:0;padding:0;}
.tab-nav ul li{float:left;margin-left:-30px; position:relative}
.tab-nav ul li:first-child{margin:0px}
.tab-nav ul li a{ padding:0px 0px 0px 9px; text-decoration: none; cursor:pointer;font-size:13px;color:#676767; font-weight:bold;display:block;line-height:23px;
	background:url(images/tabnav_bg.png) 0px -120px no-repeat;height:39px;margin-right:4px;}
.tab-nav ul li a span{padding:13px 50px 10px 0px;line-height:43px;background:url(images/tabnav_bg.png) right -80px no-repeat}
.tab-nav ul li a img{ padding-right:5px}
.tab-nav ul li.active a,.tab-nav ul li a:hover{color:#4a4a4a;background:url(images/tabnav_bg.png) 0px -40px no-repeat; }
.tab-nav ul li.active a span,.tab-nav ul li a:hover span{color:#00749c;background:url(images/tabnav_bg.png) right 0px no-repeat;}
.tab-nav ul li.active {z-index:99 !important}
.tab-nav ul li:hover{z-index:100 !important}
.tab-contents{background:#ffffff url(images/bg-tab-content.png) left bottom repeat-x ;
    margin-left: -18px;
    padding: 21px 18px 0;
    width: 100%;}
.tab-container{margin-bottom:10px;}
.tab-content{display:none;}
.tab-content:first-child{display:block;}

.tab-detail  ul li a { padding-left:10px}
.tab-detail  ul li a span{ padding-right:31px}
.tab-detail ul li  span.tab-app{ margin:0px ; padding:0px; width:42px; height:40px; overflow:hidden; display:inline-block; float:left;background:url(images/ico-tab-image.png) 0px 1px no-repeat;}
.tab-detail ul li  a:hover span.tab-app, .tab-detail ul li.active a span.tab-app{background:url(images/ico-tab-image.png) 0px -39px no-repeat;}
.tab-detail ul li  span.tab-sys{ margin:0px ; padding:0px; width:42px; height:40px; overflow:hidden; display:inline-block; float:left;background:url(images/ico-tab-image.png) 0px -80px no-repeat;}
.tab-detail ul li  a:hover span.tab-sys, .tab-detail ul li.active a span.tab-sys{background:url(images/ico-tab-image.png) 0px -120px no-repeat;}
.tab-detail ul li  span.tab-phukien{ margin:0px ; padding:0px; width:42px; height:40px; overflow:hidden; display:inline-block; float:left;background:url(images/ico-tab-image.png) 0px -160px no-repeat;}
.tab-detail ul li  a:hover span.tab-phukien, .tab-detail ul li.active a span.tab-phukien{background:url(images/ico-tab-image.png) 0px -200px no-repeat;}
.tab-detail ul li  span.tab-sosanh{ margin:0px ; padding:0px; width:42px; height:40px; overflow:hidden; display:inline-block; float:left;background:url(images/ico-tab-image.png) 0px -240px no-repeat;}
.tab-detail ul li  a:hover span.tab-sosanh, .tab-detail ul li.active a span.tab-sosanh{background:url(images/ico-tab-image.png) 0px -280px no-repeat;}
.tab-detail ul li  span.tab-same{ margin:0px ; padding:0px; width:42px; height:40px; overflow:hidden; display:inline-block; float:left;background:url(images/ico-tab-image.png) 0px -320px no-repeat;}
.tab-detail ul li  a:hover span.tab-same, .tab-detail ul li.active a span.tab-same{background:url(images/ico-tab-image.png) 0px -360px no-repeat;}



/* UTILITIES BAR */
.utilities-bar{float:right;margin:10px 0px 0px 0px; width:100% ; border-top:1px solid #dfdfdf; padding-top:10px}
.utilities-bar ul{float:left;margin:0;list-style:none;padding:0; float:right}
.utilities-bar li{float:left; margin-left:10px}
.utilities-bar li.tweet{width:85px}
.utilities-bar li.google{width:75px}
.utilities-bar a{display:block;font-size:11px;color:#434343}
.utilities-bar a span{display:inline-block;padding:3px 0 3px 24px;height:16px}
.utilities-bar a.print,.utilities-bar a.sendtofriend{background:url("images/utility.png") no-repeat right top;padding-right:10px;border-top:0;}
.utilities-bar a.sendtofriend span{background:url("images/utility.png") no-repeat left top}
.utilities-bar a.print span{background:url("images/utility.png") no-repeat left bottom}
.utilities-bar a:hover span{text-decoration:underline}
.utilities-bar a.social-network{position:reletive;top:5px;width:65px}

.prod-detail .utilities-bar{ margin-bottom:15px; padding-bottom:5px; width:460px }
.prod-detail .utilities-bar ul{ float:none}
.prod-detail .utilities-bar ul li:first-child{ margin:0px}
/* PAGE */
.pages{padding:10px 0px 0px ; text-align:right; border-top:1px dashed #d8d8d8; width:100%}
.pages a{color:#6d6d6d;text-decoration:underline;font-weight:bold;padding:2px 2px}
.page-curr,.pages a:hover{color:#333;text-decoration:none;font-weight:bold}
.page-textbox{width:33px!important;line-height:10px;height:13px;border:1px solid #c5c5c5}
.page-submit{border:0;text-indent:-9999px;font-size:0;height:18px;width:26px;cursor:pointer;padding:0;top:-5px;*top:-2px;position:relative;background:url(images/bt_go.gif) no-repeat 2px 2px;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
 .searchBox .searchButton{margin-top:1px; }
}

/*
 * FancyBox - jQuery Plugin
 */
#fancybox-loading{position:fixed;top:50%;left:50%;width:40px;height:40px;margin-top:-20px;margin-left:-20px;cursor:pointer;overflow:hidden;z-index:1104;display:none}
#fancybox-loading div{position:absolute;top:0;left:0;width:40px;height:480px;background-image:url('images/fancybox/fancybox.png')}
#fancybox-overlay{position:absolute;top:0;left:0;width:100%;z-index:1100;display:none}
#fancybox-tmp{padding:0;margin:0;border:0;overflow:auto;display:none}
#fancybox-wrap{position:absolute;top:0;left:0;padding:20px;z-index:1101;outline:0;display:none}
#fancybox-outer{position:relative;width:100%;height:100%;background:#fff}
#fancybox-content{width:0;height:0;padding:0;outline:0;position:relative;overflow:hidden;z-index:1102;border:2px solid #004696}
#fancybox-hide-sel-frame{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;z-index:1101}
#fancybox-close{position:absolute;top:-15px;right:-15px;width:30px;height:30px;background:transparent url('images/fancybox/fancybox.png') -40px 0;cursor:pointer;z-index:1103;display:none}
#fancybox-error{color:#444;font:normal 12px/20px Arial;padding:14px;margin:0}
#fancybox-img{width:100%;height:100%;padding:0;margin:0;border:0;outline:0;line-height:0;vertical-align:top}
#fancybox-frame{width:100%;height:100%;border:0;display:block}
#fancybox-left,#fancybox-right{position:absolute;bottom:0;height:100%;width:35%;cursor:pointer;outline:0;background:transparent url('blank.gif');z-index:1102;display:none}
#fancybox-left{left:0}
#fancybox-right{right:0}
#fancybox-left-ico,#fancybox-right-ico{position:absolute;top:50%;left:-9999px;width:30px;height:30px;margin-top:-15px;cursor:pointer;z-index:1102;display:block}
#fancybox-left-ico{background-image:url('images/fancybox/fancybox.png');background-position:-40px -30px}
#fancybox-right-ico{background-image:url('images/fancybox/fancybox.png');background-position:-40px -60px}
#fancybox-left:hover,#fancybox-right:hover{visibility:visible}
#fancybox-left:hover span{left:20px}
#fancybox-right:hover span{left:auto;right:20px}
.fancybox-bg{position:absolute;padding:0;margin:0;border:0;width:20px;height:20px;z-index:1001}
#fancybox-bg-n{top:-20px;left:0;width:100%;background-image:url('images/fancybox/fancybox-x.png')}
#fancybox-bg-ne{top:-20px;right:-20px;background-image:url('images/fancybox/fancybox.png');background-position:-40px -162px}
#fancybox-bg-e{top:0;right:-20px;height:100%;background-image:url('images/fancybox/fancybox-y.png');background-position:-20px 0}
#fancybox-bg-se{bottom:-20px;right:-20px;background-image:url('images/fancybox/fancybox.png');background-position:-40px -182px}
#fancybox-bg-s{bottom:-20px;left:0;width:100%;background-image:url('images/fancybox/fancybox-x.png');background-position:0 -20px}
#fancybox-bg-sw{bottom:-20px;left:-20px;background-image:url('images/fancybox/fancybox.png');background-position:-40px -142px}
#fancybox-bg-w{top:0;left:-20px;height:100%;background-image:url('images/fancybox/fancybox-y.png')}
#fancybox-bg-nw{top:-20px;left:-20px;background-image:url('images/fancybox/fancybox.png');background-position:-40px -122px}
#fancybox-title{font-family:Helvetica;font-size:12px;z-index:1102}
.fancybox-title-inside{padding-bottom:10px;text-align:center;color:#333;background:#fff;position:relative}
.fancybox-title-outside{padding-top:10px;color:#fff}
.fancybox-title-over{position:absolute;bottom:0;left:0;color:#FFF;text-align:left}
#fancybox-title-over{padding:10px;background-image:url('images/fancy_title_over.png');display:block}
.fancybox-title-float{position:absolute;left:0;bottom:-20px;height:32px}
#fancybox-title-float-wrap{border:0;border-collapse:collapse;width:auto}
#fancybox-title-float-wrap td{border:0;white-space:nowrap}
#fancybox-title-float-left{padding:0 0 0 15px;background:url('images/fancybox/fancybox.png') -40px -90px no-repeat}
#fancybox-title-float-main{color:#FFF;line-height:29px;font-weight:bold;padding:0 0 3px 0;background:url('images/fancybox/fancybox-x.png') 0 -40px}
#fancybox-title-float-right{padding:0 0 0 15px;background:url('images/fancybox/fancybox.png') -55px -90px no-repeat}
.fancybox-ie .fancybox-bg{background:transparent!important}
.fancybox-ie #fancybox-bg-n{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png',sizingMethod='scale')}
.fancybox-ie #fancybox-bg-ne{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png',sizingMethod='scale')}
.fancybox-ie #fancybox-bg-e{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png',sizingMethod='scale')}
.fancybox-ie #fancybox-bg-se{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png',sizingMethod='scale')}
.fancybox-ie #fancybox-bg-s{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png',sizingMethod='scale')}
.fancybox-ie #fancybox-bg-sw{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png',sizingMethod='scale')}
.fancybox-ie #fancybox-bg-w{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png',sizingMethod='scale')}
.fancybox-ie #fancybox-bg-nw{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png',sizingMethod='scale')}

a.figureactive, a.pro-vid{cursor:pointer}
.preload{display:none}
.popuphomepage{display:none}

#ad-bottom{
	position:fixed;
	bottom:0;
	right:0;
	width:250px;
	 z-index:4354;
}
.imgad{width:250px;border: 2px solid #004696;margin-top:15px;}
.open{display:block;width:30px;height:15px;float:right;background-image: url("images/button.gif");background-position: -60px 0; cursor:pointer
}
.open:hover{ background-position:-60px -14px}

.close{display:block;width:30px;height:15px;float:right;background-image: url("images/button.gif");background-position: -30px 0; cursor:pointer}
.close:hover{ background-position:-30px -14px}

#close{
	display:block;
	width:30px;
	height:15px;
	float:right;
	background-image: url("images/button.gif");
    background-position: -90px 0; cursor:pointer
}
#close:hover{ background-position:0px -14px}
div.viewfull-result{display:none;  margin-bottom:10px}
a.viewfull{background: url("images/bg_special2.png") no-repeat scroll 0 -361px transparent;    color: #3F3F3F;    cursor: pointer;        margin-top: 5px;    padding: 0 0 0 18px; color:#004696}


.consearch{margin-top:118px}

.tab-detail {margin:0;}
.tab-icon img, .tab-icon {float:left;}
.tab-nav ul li img.g2{display:none;}
.tab-nav ul li img.g1 {display:block;}
.tab-nav ul li:hover img.g1, .tab-nav ul li.active img.g1,.tab-nav ul li:hover img.g2, .tab-nav ul li.active img.g2   {display:block;}
.tab-nav ul li:hover img.g1, .tab-nav ul li.active img.g1  {display:none;}


.highlightkeyword{background-color:Yellow}